<template>
  <div>
     <div>
      <label for="orderNo">订单号：</label>
      <input id="orderNo" />
      <button>查询</button>
    </div>
    <div class="logistics-info">
      <h2>商品相关信息</h2>
      <div>
        <div>商品id: <strong>SF{{goodInfo.goodNo}}</strong></div>
        <div>商品名称: <strong>{{goodInfo. goodName}}</strong></div>
        <div>商品描述: <slot name="desc" :desc="goodInfo.desc" :type='goodInfo.type'>这是一本好书</slot></div>
      </div>
      </div>

  </div>
</template>

<script>
export default {
  
   props: {
    goodInfo: {
      type: Object,
      default: () => ({}),
    },
  },
}
</script>

<style scoped>
.logistics-info {
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #eee;
  padding: 10px;
  font-size: 14px;
}
</style>
